import styles from "./page.module.scss";
const EmailDetail = () => {
    return (
        <div className={styles.emailDetail}>
            <div className={styles.title}>
                O texto do título do e-mail é exibido aqui. Se o texto for longo
            </div>
            <div className={styles.date}>27/03/25 14:22:30</div>
            <div className={styles.content}>
                <img
                    src="https://img1.baidu.com/it/u=2076262900,1204832320&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=678"
                    alt=""
                    className={styles.img}
                />
                <div
                    className={styles.contentText}
                    dangerouslySetInnerHTML={{
                        __html: `Texto do e-mail:\r\n
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum
                    laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
                    Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis
                    parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra
                    vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.`,
                    }}
                ></div>
            </div>
            <div className={styles.more}>&lt;Pular texto&gt;</div>
            <div className={styles.giftBox}>
                <div className={styles.giftItem}>
                    <img src="/notice/gift2.png" alt="" />
                    <div className={styles.giftDesc}>
                        <div>O nome da recompensa é mostrado aqui</div>
                        <div>prêmio R$1</div>
                    </div>
                </div>
                <div className={styles.giftItem}>
                    <img src="/notice/gift2.png" alt="" />
                    <div className={styles.giftDesc}>
                        <div>O nome da recompensa é mostrado aqui</div>
                        <div>prêmio R$1</div>
                    </div>
                </div>
                <div className={styles.btnBox}>
                    <button>
                        <span>Receber</span>
                    </button>
                </div>
            </div>
        </div>
    );
};

export default EmailDetail;
